<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script  src="lib/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
    <!--msgFormat是过滤器的名称，先通过管道将数据传进msgFormat，等过滤之后再传到msg  就是返回-->
    <!--过滤器可以创建多个   通过 管道符分割就行-->
    <!--<p>{{ msg | msgFormat}}</p>-->
    <p>{{ msg | msgFormat('疯狂','123')}}</p>
    <!--<p>{{ msg | msgFormat('疯狂','123')}}</p>     '疯狂'====arg     '123'====arg2-->
</div>
<script>
    //定义一个vue全局的过滤器，名字叫做msgFormat
    Vue.filter('msgFormat',function (msgStr,arg,arg2) {
        //要返回，不然页面渲染不到
        //replace的第一参数不仅可以是字符串  还可以是  正则表达式
        //只替换了第一个
//        return msg.replace('单纯','邪恶');
        //全部替换
//        return msg.replace(/单纯/g,'邪恶');
        return msgStr.replace(/单纯/g,arg+arg2);
    });
    var vm = new Vue({
        el:'#app',
        data:{
            msg:'曾经的我，也是个单纯的少年，单纯的我，问了个傻傻的问题，谁是世界上最单纯的男生'
        },
        methods:{}
    })
</script>
</body>
</html>